<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/public/Global_pc.css" type="text/css"/>
		<link rel="stylesheet" href="css/public/swiper.min.css" type="text/css"/>
		<link rel="stylesheet" href="css/public/public.css" type="text/css"/>
		<link rel="stylesheet" href="css/public/layout.css" type="text/css"/>
		<title>弹出层-登陆</title>
	</head>
	<body>
		<!--弹出层-->
		<div class="layout">
			<div class="layout_bg"></div>
			<div class="layout_body layout_login">
				<div class="layout_head">
					<span>手机登录</span>
					<i class="tab">邮箱登录</i>
					<a href="javascript:void(0);" class="layout_close layout_btn_close">关闭</a>
				</div>
				<div class="layout_form">
					<form action autocomplete="off" class="phone_login">
						<label class="user_name" for="user_name">
							<input type="text" placeholder="手机号码" id="user_name">
							<span class="prompt_error"></span>
						</label>
						<div class="login_type">
							<label class="login_type_code" for="login_type_code">
								<input type="radio" name="pwd_type" data-type="1" id="login_type_code" checked="checked">&nbsp;验证码
							</label>
							<label class="login_type_pwd" for="login_type_pwd">
								<input type="radio" name="pwd_type" data-type="2" id="login_type_pwd">&nbsp;账号密码
							</label>
						</div>
						<div class="login_type_box login_code_box">
							<label class="img_code" for="login_code">
								<input type="text" placeholder="验证码" id="login_code"/>
								<img src="img/temp/create_captcha_sms_code.png" class="vcode_img">
								<a href="javascript:void(0)" class="refresh_code">看不清？</a>
								<span class="prompt_error"></span>
							</label>
							<label class="phone_vcode" for="login_phone_vcode">
								<input type="text" placeholder="请输入验证码" id="login_phone_vcode">
								<a href="javascript:void(0)" class="get_phone_vcode get_btn">获取验证码</a>
								<span class="get_phone_vcode time_prompt" style="display: none;"></span>
								<span class="prompt_error"></span>
							</label>
						</div>
						<div class="login_type_box login_pwd_box hide">
							<label class="login_pwd" for="login_pwd">
								<input type="password" placeholder="密码" id="login_pwd">
								<span class="prompt_error"></span>
							</label>
						</div>
						<label for="" class="sub_box">        
							<a class=" skins_btn sub_btn" href="javascript:void(0);">登&nbsp;&nbsp;录</a>    
						</label>
					</form>
					
					
					<form action autocomplete="off" class="mail_login hide">
						<label class="user_mail" for="user_mail">
							<input type="text" placeholder="邮箱" id="user_mail">
							<span class="prompt_error"></span>
						</label>
						<label class="login_pwd" for="login_pwd_mail">
							<input type="password" placeholder="密码" id="login_pwd_mail">
							<span class="prompt_error"></span>
						</label>
						<label for="" class="sub_box">        
							<a class=" skins_btn sub_btn" href="javascript:void(0);">登&nbsp;&nbsp;录</a>    
						</label>
					</form>
					
					<div class="choose_btn clearfix">        
						<a href="javascript:void(0)" class="link pull_left forget_btn" target="_blank">忘记密码？</a>        
						<a href="javascript:void(0);" class="link pull_right register_btn">新用户注册</a>    
					</div>
				</div>
			</div>
			
			
			
			<div class="layout_body layout_register" style="display: none;">
				<div class="layout_head">
					<span>手机注册</span>
					<a href="javascript:void(0);" class="layout_close layout_btn_close">关闭</a>
				</div>
				<div class="layout_form login_form">
					<form action autocomplete="off" class="phone_register">
						<label class="register_name" for="register_name">
							<input type="text" placeholder="手机号码" id="register_name">
							<span class="prompt_error"></span>
						</label>
						<label class="register_pwd" for="registrt_pwd">
							<input type="text" placeholder="密码（6-16个字符）；字母/数字" id="registrt_pwd">
							<span class="prompt_error"></span>
						</label>
						<label class="register_pwd" for="registrt_pwd2">
							<input type="text" placeholder="请再次输入密码" id="registrt_pwd2">
							<span class="prompt_error"></span>
						</label>
						<label class="register_img_code" for="register_code">
							<input type="text" placeholder="验证码" id="register_code"/>
							<img src="img/temp/create_captcha_sms_code.png" class="vcode_img">
							<a href="javascript:void(0)" class="refresh_code">看不清？</a>
							<span class="prompt_error"></span>
						</label>
						<label class="register_phone_vcode" for="register_phone_vcode">
							<input type="text" placeholder="请输入验证码" id="register_phone_vcode">
							<a href="javascript:void(0)" class="get_phone_vcode get_btn">获取验证码</a>
							<span class="get_phone_vcode time_prompt" style="display: none;"></span>
							<span class="prompt_error"></span>
						</label>
						<label class="agree_terms">        
							<input type="checkbox" id="agree" name="agree">&nbsp;阅读并同意品康网的
							<a href="javascript:void(0)" target="_blank" class="terms">服务协议</a>    
						</label>
						<label for="" class="sub_box">        
							<a class=" skins_btn sub_btn" href="javascript:void(0);">注&nbsp;&nbsp;册</a>    
						</label>
					</form>
					
					
					
					
					<div class="choose_btn clearfix text_center">        
						已有品康账号：
						<a href="javascript:void(0)" class="mail_login_btn">邮箱登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
						<a href="javascript:void(0)" class="phone_login_btn">手机登录</a>
					</div>
				</div>
			</div>
			
			
			
		</div>
		
	</body>
	
	
	<script type="text/javascript" src="js/public/jquery-1.9.1.min.js" ></script>
	<script type="text/javascript" src="js/public/swiper.min.js" ></script>
	<script type="text/javascript" src="js/public/public.js" ></script>
	<script type="text/javascript" src="js/public/layout.js" ></script>
</html>
